html+css+php+mysql 简单的页面登录与注册(数据库的交互)

2024-06-26 21:34| 来源: 网络整理| 查看: 265

这是一个简单的小项目，但对于我这小白来说，也是写了好几天才完成，中间心态炸裂n次，但最后还是搞定了！！！

说了那麽多，还是分享一下吧！

目录主页面(登录页面)登录页面的后台操作注册页面注册页面的后台操作

实验环境是phpstudy2018。

在phpstudy的www目录里，创建一个新文件夹test。

文件里有：

在这里插入图片描述 index.php 主页面(登陆页面) login.php 登录页面的后台操作 register.html 注册页面 register.php 注册页面的后台操作

主页面(登录页面)

先上图在这里插入图片描述

有点简单了。

下面是源码

body { background-size: cover; min-width: 1000px; background-image:url(https://s1.ax1x.com/2020/08/23/d0t8ln.jpg); font-size:14px; } #main { width:360px; height:320px; background:#fff; border:1px solid #ddd; position:absolute; top:50%; left:50%; margin-left:-180px; margin-top:-160px; background-size: cover; background-image:url(https://s1.ax1x.com/2020/07/31/alzGMn.jpg); } #main .title { height: 48px; line-height: 48px; color:#333; font-size:16px; font-weight:bold; text-indent:30px; border-bottom:1px dashed #eee; } #main form { width:300px; margin:20px 0 0 40px; } #main form label { margin:20px 0 0 40px; display:block; } #main form label input.text { width:200px; height:25px; } #main form label input.submit { width:200px; display:block; height:35px; cursor:pointer; margin:20px 0 0 2px; } 欢迎使用，请登录没有账号，先注册

主要就是对登录页面的背景，颜色，登录框背景，颜色，字体大小等等的设置，这也没啥技术含量，都是html知识的简单运用，我就不多说了。

登录页面的后台操作

直接上源码:

【本文地址】

公司简介

联系我们